<!--展示待确认和待付尾款 -->
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="../css/order.css" />
</head>
<body class="gray">
	<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
	  <div class="mui-scroll loading" id="vueMain" >
	  		<div  class="">
  				<div v-if="type==1&&list.length==0">
	  				<p style="padding: 50px 0; text-align: center;">您没有等待确认的订单</p> 
	  			</div>
	  			<div v-if="type==2&&list.length==0">
	  				<p style="padding: 50px 0; text-align: center;">您没有需支付尾款的订单</p> 
	  			</div>
	  			<template v-for="(item,index) in list" >
	  				<div class="item" >
	  					<div class="title">
			  				<span class="mui-pull-right">{{item.order_status_name}}</span>
			  				<div v-if="type==1">{{item.order_no}}</div>
			  				<div v-else class="mui-input-row mui-checkbox listCheckbox mui-left" :data-idx="index">
								<label style="padding-left: 25px;">{{item.order_no}}</label>
								<input name="v1" :value="index" type="checkbox" style="left: 0;" />
							</div>
			  			</div>
			  			<div class="product">
		  					<ul class="mui-table-view">
	  							<li class="mui-table-view-cell mui-media">
	  								<a href="javascript:;"  >
			  				            <img class="mui-media-object mui-pull-left link" _id="detail" _href="detail.html" :_extras="'pid='+item.goods_id" :data-load="item.img" src="../icon/mask-big.jpg" />
			  				            <div class="mui-media-body link" _id="orderStatus" _href="orderStatus.html" _title="订单详情" :_extras="'order_no='+item.order_no">
			  				               <div class="name">{{item.name}}</div>
			  				               <p v-if="item.start_time==item.end_time">{{item.start_time}} 共 {{item.goods_nums}} 天</p>
			  				               <p v-else>{{item.start_time}}至{{item.end_time}} 共 {{item.goods_nums}} 天</p>
			  				               <p><span v-if="item.stro">{{item.stro}}</span> <span v-if="item.intro"> {{item.intro}}</span></p>
			  				               <p>数量:{{item.amount}}</p>
			  				            </div>
			  				        </a>
	  							</li>
		  					</ul>
		  					<div class="item-footer">
		  						<p>应付款：<span class="money-color">¥ {{item.final_pay}}</span></p>
								<button type="button" class="mui-btn bexta-btn bexta-btn-red mui-btn-outlined fuweikuan" v-if="type==2" :data-order="item.order_no">付尾款</button>
								<button type="button" class="mui-btn bexta-btn btn-default mui-btn-outlined cancleOrder" v-if="type==1" :data-idx="index">取消订单</button>
								<button type="button" class="mui-btn bexta-btn btn-default mui-btn-outlined link" _id="refund" _href="refund.html" _title="退款" :_extras="'order_no='+item.order_no" v-if="type==2">取消订单</button>
		  					</div>
		  				</div>
	  				</div>
	  			</template>
	  			</div>
	  		</div>
	  </div>
	</div>
	
<script src="../js/mui.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script src="../js/order.js"></script>
</body>
</html>